<template>
    <el-container id="full-container">
        <el-header height="80px">蜗牛学生管理系统</el-header>
        <el-container>
            <el-aside width="300px">
                <sideBar></sideBar>
            </el-aside>
            <el-main><router-view></router-view></el-main>
        </el-container>
    </el-container>
</template>


<script>
    import sideBar from '../../components/commonVue/sideBar.vue'
    export default {
        components: {
            sideBar
        },
    }
</script>

<style lang="scss" scoped>
    #full-container {
        min-height: 100vh;

        .el-header {
            background-color: #b3c0d1;
            line-height: 80px;
            font-size: 30px;
            font-weight: bold;
        }

        .el-aside {
            background-color: #D3DCE6;

        }

        .el-main {
            background-color: #E9EEF3;
        }
    }
</style>